<template>
	<!-- 群管理 -->
	<view class="wrapper">
		<view class="give_owner set_box mar_b">
			群主管理权转让
			<image src="../../static/user/right_arr.png" mode="" class="right_arr"></image>
		</view>
		<view class="set_power_box">
			<view class="set_bord">
				<view class="set_manage set_box1">
					指定管理员
					<image src="../../static/user/right_arr.png" mode="" class="right_arr"></image>
				</view>
				<view class="set_yinshen set_box1">
					指定隐身人
					<image src="../../static/user/right_arr.png" mode="" class="right_arr"></image>
				</view>
			</view>
		</view>
		<view class="copy_new_grp set_box mar_b" @tap="$open('../groupchat/copy_group')">
			一键复制新群
			<image src="../../static/user/right_arr.png" mode="" class="right_arr"></image>
		</view>
		<view class="remark set_box mar_b">
			对群成员备注
			<image src="../../static/user/right_arr.png" mode="" class="right_arr"></image>
		</view>
		<view class="secret_grp set_box">
			私密群组
			<switch class="scale" />
		</view>
		<view class="f26 c666">启动后无法搜索到当前群组</view>
		<view class="read_nub set_box">
			显示已读人数
			<switch checked class="scale" />
		</view>
		<view class="f26 c666">启动后，当前群组的消息页面每条消息左侧都会显示该跳条消息的已读人数，点击后还可查看已读人员列表</view>
		<view class="cfm_invit set_box">
			群组邀请确认
			<switch class="scale" />
		</view>
		<view class="f26 c666">启动后，群成员需确认才能邀请朋友进群。</view>
		<view class="tell_reduce set_box">
			群组减员通知
			<switch checked class="scale" />
		</view>
		<view class="f26 c666">关闭后，当群内成员被踢出群组或主动退群后，群组内不进行通知。</view>
		<view class="alw_chat set_box">
			允许普通成员私聊
			<switch class="scale" />
		</view>
		<view class="f26 c666">关闭后不允许发送名片消息，且普通成员在群聊界面、群组信息内点击头像无反应。</view>
		<view class="alw_invit set_box">
			允许普通成员邀请好友
			<switch class="scale" />
		</view>
		<view class="f26 c666">关闭后，普通成员将不能使用邀请功能。</view>
		<view class="alw_up set_box">
			允许普通成员上传
			<switch class="scale" />
		</view>
		<view class="f26 c666">关闭后，普通成员将不能上传群共享文件和发送文件消息。</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style>
.wrapper {
	background-color: #f2f3f5;
}
.set_box {
	height: 104rpx;
	background: rgba(255, 255, 255, 1);
	font: 30rpx/30rpx '';
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	border-top: 1rpx solid rgba(224, 224, 224, 1);
	border-bottom: 1rpx solid rgba(224, 224, 224, 1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 31rpx;
}
.mar_b {
	margin-bottom: 20rpx;
}
.set_power_box {
	background: rgba(255, 255, 255, 1);
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	margin-bottom: 20rpx;
	border-top: 1rpx solid rgba(224, 224, 224, 1);
	border-bottom: 1rpx solid rgba(224, 224, 224, 1);
	height: 208rpx;
	
}
.set_bord {
	width: 720rpx;
}
.set_box1 {
	height: 103rpx;
	background: rgba(255, 255, 255, 1);
	font: 30rpx/30rpx '';
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.set_manage {
	border-bottom: 1rpx solid rgba(224, 224, 224, 1);
}
.right_arr {
	width: 12rpx;
	height: 24rpx;
	margin-right: 30rpx;
}
.scale {
	transform: scale(0.8);
}
.f26{
	padding: 17rpx 31rpx 25rpx 31rpx;
	line-height: 34rpx;
}
</style>
